<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title></title>
    <link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
    <script type="text/javascript" src="js/jquery.min.js"></script>
    <script type="text/javascript" src="js/bootstrap.min.js"></script>
</head>
<body>
	<style type="text/css">
		html{height: 100%}
		body{height: 100%;display: flex;align-items: center;}
		.dropup{width: 33%;}
		.dropup .btn{width: 100%;}
	</style>
	<div style="width: 375px;display: flex;flex-flow: column;margin:  auto;">
		<iframe src="index.html" style="height: 600px;border: 1px solid #c1c1c1;margin-bottom: 10px;"></iframe>
		<script type="text/javascript">
			$('iframe').attr('src','index.html?t='+Math.random())
		</script>
		<div style="display: flex;">
			<div class="btn-group dropup">
				<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">关于我们 
					<span class="caret"></span>
				</button>
				<ul class="dropdown-menu" role="menu">
					<li><a href="#" onclick="$('iframe').attr('src','Jump.html#')">官网</a></li>
					<li><a href="#" onclick="$('iframe').attr('src','Jump.html#course_quality')">课程项目</a></li>
					<li><a href="#" onclick="$('iframe').attr('src','Jump.html#school')">物业学院</a></li>
				</ul>
			</div>
			<div class="btn-group dropup">
				<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">产品课程 
					<span class="caret"></span>
				</button>
				<ul class="dropdown-menu" role="menu">
					<li><a href="#" onclick="$('iframe').attr('src','Jump.html#Course_video')">课程视频</a></li>
					<li><a href="#" onclick="$('iframe').attr('src','Jump.html#Course_Trailer')">课程预告</a></li>
					<li><a href="#" onclick="$('iframe').attr('src','Jump.html#Teacher')">特邀嘉宾</a></li>
				</ul>
			</div>
			<div class="btn-group dropup">
				<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">联系我们 
					<span class="caret"></span>
				</button>
				<ul class="dropdown-menu" role="menu">
					<li><a href="#" onclick="$('iframe').attr('src','Jump.html#registration')">在线报名</a></li>
					<li><a href="#" onclick="$('iframe').attr('src','Jump.html#contact')">联系我们</a></li>
				</ul>
			</div>
		</div>
	</div>
<!-- <form id="uploadForm" enctype="multipart/form-data">
    <input id="file" type="file" name="file" accept="image/png,image/gif" />
    <input type="text" name="aaa" value="123" />
    <button id="upload" type="button">upload</button>
</form>

<script type="text/javascript">
	$("#upload").click(function(){
		$.ajax({
		    url: 'http://192.168.10.92:3000/api/v1/upload_image',
		    type: 'POST',
		    cache: false,
		    data: new FormData($('#uploadForm')[0]),
		    processData: false,
		    contentType: false
		}).done(function(res) {
			console.log(res)
		}).fail(function(res) {
			console.log(res)
		});
		var formData = new FormData();
		formData.append('file', $('#file')[0].files[0]);
		$.ajax({
		    url: 'http://192.168.10.92:3000/api/v1/file',
		    type: 'POST',
		    cache: false,
		    data: formData,
		    processData: false,
		    contentType: false
		}).done(function(res) {
			console.log(res)
		}).fail(function(res) {
			console.log(res)
		});
	})
		
</script> -->
</body>
</html>